.box1 .box2 {
  color: red;
}
.box1 > .box3 {
  color: aqua;
}
.box1 > .box3:hover {
  color: coral;
}
.box1:hover {
  color: chartreuse;
}
div .box1 {
  width: 100px;
}
.p1,
.p2 {
  width: 100px;
  height: 200px;
}
.p2 {
  color: red;
}
.p3 {
  width: 100px;
  height: 200px;
}
.p5 {
  width: 100px;
  height: 100px;
  background-color: deeppink;
}
.p5 {
  width: 100px;
  height: 100px;
  background-color: deeppink;
}
div {
  width: 200px;
  height: 300px;
  border: 1px solid red;
}
span {
  color: #804000;
}
html {
  width: 100%;
  height: 100%;
}
body {
  width: 100%;
  height: 100%;
  background-color: deepskyblue;
}
body:hover {
  background-color: #007399;
}
